$(function () {

    var totalPage=5;
    concernMessage();


   function concernMessage() {
       //关注数和粉丝数
       var uid=1;
       var  num=$(".pagination .act").text(); //获得当前页数
       $.get(

           'concern/aInformation',
           {
               uid:uid, //该用户id
               pages: num
           },
           function (data) {
               console.log(data)
               $(".focus-on b").text(data.totalCount)
               $(".fan b").text(data.totalPage)
               //判断是否有关注
               if (data && data.pageInfo && data.pageInfo.length > 0) {
                   $(".attent-list").html(
                       data.pageInfo.map(function (arr) {
                           //将该资源用户的id放在地址上
                           var href = "more.html" + "?" + "id=" + arr.focus_uid;
                           var min = "http://192.168.17.12:8060/" + arr.headerimg; //截取字符串
                           return `<div class="attent">
                            <img src="${min}" />
                            <a class="lr" ><span class="uids">${arr.focus_uid}</span> <span>已关注</span></a>
                            <a class="rf" href="./${href}">查看他的资源</a>
                            <span class="user-a">${arr.nickname}</span>
                            </div>`;
                       }).join("")
                   );
                   totalPage = data.sunPage;
                   page(totalPage);

                   //隐藏当前对象的用户id
                   $(".lr .uids").hide();
                   //点击关注按钮
                   $(".attent .lr").click(function () {

                       var Concern = $(this).children("span:last").text();
                       $(this).children("span:last").text(function () {
                           return Concern === "关注" ? "已关注" : "关注";
                       });
                       //获得当前对象的用户id 传入后端
                       var userId = $(this).children("span:first").text();
                       var uid = 1; //当前用户的id

                       //将文件的id传入后段找到上传该文件的用户
                       $.get(
                           'concern/userId',
                           {
                               uid: uid,
                               userId: userId, //获取focus_uid
                               concern: Concern
                           }
                       )
                   });
               }else {
                   // 隐藏所有子元素
                   $(".pagination").children().hide();
                   $(".ts").text("你还没有关注任何人,快去找你心意的人关注吧")
               }
           })
   }
    //控制页号显示
    function page(data) {
        let $pages=$(".pages");
        //获得当前所在页号
        let  text = +$(".act").text();

        let str ="";
        for (let i = 0; i < data; i++) {
            if (text == i+1){
                str+= `<option value="${i+1}" selected>${i+1}/${data}</option>`;
            }else {
                str+=  `<option value="${i+1}">${i+1}/${data}</option>`;
            }
        }
        $(".selectPage").html(str);
        if (data<5){
            $pages.show();
            for (let i = 4; i >=data; i--) {
                $pages.eq(i).hide(); //选取隐藏
            }
        }else {
            $pages.show();
        }

    }
    //下拉列表选择页号的变化事件
    $(".selectPage").change(function () {
        let val =+$(".selectPage").val();  //获取到选择的页数
        let $pages1 =$(".pages"); //获取到所有以显示的页数
        let $act =+$(".act").text();  //获取到当前正在停留的页数
        let flag = false;  //判断是否 在当前可显示的范围
        $pages1.map(function (i) {
            /*console.log("$pages1 "+$pages1[i]);*/
            let $1=$($pages1[i]);
            if ($1.text() == val){
                flag = true;
                $1.addClass("act").siblings(".act").removeClass("act");
            }
        })
        if (!flag){
            if (val > $act){
                for (let i = 0 ; i < 5 ; i++){
                    if (i == 4){
                        $($pages1[i]).text(val-4+i).addClass("act").siblings(".act").removeClass("act");
                    }else {
                        $($pages1[i]).text(val-4+i);
                    }
                }
            }else {
                for (let i = 0 ; i < 5 ; i++){
                    if (i == 0){
                        $($pages1[i]).text(val+i).addClass("act").siblings(".act").removeClass("act");
                    }else {
                        $($pages1[i]).text(val+i);
                    }
                }
            }
        }

        //选择完成重新展示数据
        concernMessage();
    });

    /* 上一页和下一页的方法 */
    $(".page-turning").click(function (){
        let attr1 = $(this).attr("mydata");
        let flag = true;    //判断页号是否发生变化
        // console.log(attr1);
        if (attr1 == "上一页"){
            let prev = $(".act").prev();
            if (prev.attr("mydata") == null){
                $(".act").removeClass("act").prev().addClass("act");
            }else {
                let text = $(".act").text();
                if (text > 1){
                    let $pages = $(".pages");
                    for (let i = 0 ; i < $pages.length ; i++){
                        let $i = $($pages[i]);
                        let text1 = +$i.text();
                        $i.text(text1-1);
                    }
                }else {
                    flag = false;   //页号没有变化
                }
            }
        }else {
            let next = $(".act").next();
            if (next.attr("mydata") == null && !next.is(":hidden")){
                $(".act").removeClass("act").next().addClass("act");
            }else {
                let text = $(".act").text();
                if (text < totalPage){
                    let $pages = $(".pages");
                    for (let i = 0 ; i < $pages.length ; i++){
                        let $i = $($pages[i]);
                        let text1 = +$i.text();
                        $i.text(text1+1);
                    }
                }else {
                    flag = false;   //页号没有变化
                }
            }
        }

        //更改对应的页号
        selectElem();

        if (flag){
            //页号变化重新展示数据
            concernMessage();
        }
    });
    /* 点击页号，对应页号变化颜色 */
    $(".pages").click(function (){
        $(this).addClass("act").siblings(".act").removeClass("act");
        //选择完成重新展示数据
        concernMessage();

        //更改对应的页号
        selectElem();
    });
    /* 下拉列表的页号选择改变 */
    function selectElem(){
        let text = +$(".act").text();

        $(".selectPage").val(text);
    }
});
